require(["config"],function(){
require(["jquery","template","header","zoom","cookie"],function($,template){
    function Detail(){
        this.render();
         this.search();
    }
    Detail.prototype = {
            constructor: Detail,
        //渲染
        render:function(){
            $.ajax("http://rap2api.taobao.org/app/mock/86910/api/detail")
           .done($.proxy(this.handleData, this));
        },
       handleData: function(data) {
                // 获取使用数据
                data = data.res_body.data;
                // 渲染
                var html = template("detail_template", data);
           $(".f_nav").after(html);
            this.zoom();
            //注册事件监听
            this.addListener();
        },
        addListener:function(){
            //添加到购物车
            $(".goum").click(this.addToCartHandler);
        },
        addToCartHandler:function(event){
            //获取当前选购商品的信息
            var currentProduct={
                id:$(".prod_id").text(),
                title:$(".prod_title").text(),
                img:$("#smallBox img:first").attr("src"),
                price:$(".prod_price").text(),
                amount:1
            };
            console.log(currentProduct);
            //判断是否已选购当前商品
            // 从 cookie 中读取以有的购物车数据
            $.cookie.json = true; // 配置自动在JS值与JSON文本之间相互转换
           var products = $.cookie("cart") || [];
                // 判断是否已有选购
                var has = products.some(function(prod) {
                    if (prod.id == currentProduct.id) { // 已有选购商品
                        prod.amount++; // 数量自增
                        return true;
                    }
                    return false;
                });
                if (!has) // 未选购
                    products.push(currentProduct);
                // 保存购物车：存回cookie
                // 数据结构：[{id,title,img,price,amout},{id,title,img,price,amout},{id,title,img,price,amout}]
                $.cookie("cart", products, {expires: 10, path:"/"});

            return false;
        },
      zoom:function(){
        $(".middle-zoom").elevateZoom({
                    gallery:'smallBox', 
                    cursor: 'pointer', 
                    galleryActiveClass: 'active'
                });
        },
        search:function(){
             $(window).scroll(function() {
                var _top = document.documentElement.scrollTop || document.body.scrollTop;
                // 判断是否到达 1000 px位置
                if(_top >=65){
               $(".search").css('display','block');
               $(".top").css('display','block');
            } else {
                $(".search").css('display','none');
                $(".top").css('display','none');
            }
              });
             //点击回到顶部
            //  $(".top").click(function(){
            //     if (document.documentElement)
            //     document.documentElement.scrollTop = 0;
            // else
            //     document.body.scrollTop = 0;
            //  });
            }
    }
    new Detail();

    });
});
